<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
          "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Something</title>
    <script type="text/javascript" src="js/smoothgallery/scripts/mootools.uncompressed.js"></script>
    <script type="text/javascript" src="js/smoothgallery/scripts/jd.gallery.js"></script>
    <link rel="stylesheet" href="js/smoothgallery/css/jd.gallery.css" type="text/css" media="screen" charset="utf-8" />
  </head>
  <body>
    <h1>My 1st demo</h1>
    <script type="text/javascript">
      function startGallery() {
          var myGallery = new gallery($('myGallery'), {
              timed: true,
              delay: 9000,
              embedLinks: false,
              showArrows: true,
              showCarousel: false,
              showInfopane: true,
          });
      }
      window.onDomReady(startGallery);
    </script>

    <div class="content">
      <div id="myGallery">
        <div class="imageElement">
          <h3>Popup completion</h3>
          <p>
            popup stlye completion
            popup stlye completion
            popup stlye completion
            popup stlye completion
            popup stlye completion
            popup stlye completion
            popup stlye completion
            popup stlye completion
            popup stlye completion
          </p>
          <img src="img/popup-compl.png" class="full" />
        </div>
        <div class="imageElement">
          <h3>Emacs style completion</h3>
          <p> emacs stlye completion </p>
          <a href="#" title="open image" class="open"></a>
          <img src="img/emacs-style-completion.png" class="full" />
          <img src="ximages/brugges2006/1-mini.jpg" class="thumbnail" />
        </div>
        <div class="imageElement">
          <h3>Edit part</h3>
          <p> edit part </p>
          <a href="#" title="open image" class="open"></a>
          <img src="img/edit-part.png" class="full" />
          <img src="ximages/brugges2006/1-mini.jpg" class="thumbnail" />
        </div>
      </div>
    </body>
  </html>
